#{extends 'main.html' /}
#{set title:'Salao Tads' /}
#{stylesheet 'style.css'/}


<head>
<script> 
		funcionarios= new Array();	
		  	 
       function b(){  
	  aux= new Array();	
         var i = document.f.estado.selectedIndex;  
			aux.push(document.f.estado[i].text);  
			funcionarios.push(document.f.estado[i].value);        
		
						
       }  
	   function mostrar(){
	    
			document.f.campo.value += aux+=",";
		
			
	   }
	   function addhoras()
	   {
	
		   document.f.horas.value=funcionarios;

			   }
	  
    </script>

</head>
<body>
<div id="Content"> <!--Container -->

	<div id="Header">
     
   		<div id="menuforms">
        <ul>
		<br><br>
		Escolha um Horario
        <form name="f" action = "inserir_horario">
<input type ="text" name="horas"/>
<select name="estado"  onChange=" b() ; addhoras()">
			<optgroup label="Horarios">
				<option>Horas</option>
				#{list items:8..22, as:'i'}
					<option value="${i}">${i}</option>
				#{/list}
			</optgroup>
		</select>

<input type="submit"  value ="add"/>
</form>
        </ul>
</div>    
        
  
    <div id="footer">
 <li> 
   <div align="center"><a href="/secure/logout">Encerrar Sessao</a></div>
 </li> 
</div>

</body>
</html>